<template>
    <div style="position: relative;display: flex;flex-direction: column;width: 340px;background: white;border-left: 1px solid #EAEDF3;">
        <div id="search" style="padding:0 30px;line-height: 70px;border-bottom: 1px solid #EAEDF3;font-size: 18px;">
            操作历史
        </div>
        <a-timeline style="padding: 30px;max-width: 400px;overflow-y: scroll;
                overflow-x:hidden;border-bottom: 1px solid #EAEDF3;">
            <a-timeline-item color="red">
                <div style="font-size: 14px">Mano233 删除成员 <span style="color: red"> admin1 </span><span> #3012</span>
                </div>
                <div style="font-size: 12px;color: #9EA0A5">刚刚</div>
            </a-timeline-item>
            <a-timeline-item color="red">
                <div style="font-size: 14px">Mano233 删除了 <span style="color: red"> 1psox.jpg </span><span> #3012</span>
                </div>
                <div style="font-size: 12px;color: #9EA0A5">一小时前</div>
            </a-timeline-item>
            <a-timeline-item color="red">
                <div style="font-size: 14px">Mano233 删除了 <span style="color: red"> 1psox.jpg </span><span> #3012</span>
                </div>
                <div style="font-size: 12px;color: #9EA0A5">一小时前</div>
            </a-timeline-item>
            <a-timeline-item>
                <div style="font-size: 14px">Mano233 建立表单 <span> #3012 </span>
                </div>
                <div style="font-size: 12px;color: #9EA0A5">一小时前</div>
            </a-timeline-item>
        </a-timeline>
        <div style="padding:0 30px;line-height: 70px;border-bottom: 1px solid #EAEDF3;font-size: 18px;">
            表单属性
        </div>
    </div>
</template>

<script>
    export default {
        name: 'SearchBar',
    };
</script>

<style scoped>

</style>
